<template>
  <div class="footer">
    <button class="understand">
      了解详细功能
    </button>
    <button class="right-now">
      立即注册体验
    </button>
  </div>
</template>

<script>
export default {}
</script>

<style scoped>
.footer{
  height: 200px;
  margin: 100px auto;
  width: 445px;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}
button{
  cursor: pointer;
  border-radius: 7px;
  width: 210px;
  height: 61px;
  text-align: center;
  line-height: 48px;
  font-size: 21px;
}
.understand{
  background: #fff;
  border: 1px solid #4285f4;
  color: #4285f4;
}
.right-now{
  border: cornsilk;
  background: linear-gradient(131deg,#7eb0ff,#2178ff);
  color: #fff;
}
</style>